<%@page import="study.itwill.team5.admin.AdminItem"%>
<%@page import="study.itwill.jsp.WebHandler"%>
<%@page import="java.util.ArrayList"%>
<%@page import="study.itwill.common.DBHandler"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page trimDirectiveWhitespaces="true"%>
<%@ include file="../session.jsp"%>
<%@ include file="../dbcon.jsp"%>
<!DOCTYPE html>
<html lang="ko">
<head>
<%@ include file="../head.jsp"%>
</head>
<body>
	<%@ include file="../menu.jsp"%>
	<div class="container">
		<div class="page-header">
			<h1>
				신규 회원 추가 - <small>새로운 회원을 추가하세요.</small>
			</h1>
		</div>

		<form id="frmMemberAdd" class="form-horizontal" role="form"
			method="post" action="addMemberOk.jsp">
			<fieldset>

				<!-- 입력양식 -->

				<div class="form-group">
					<label for="email1" class="col-md-2 control-label">이메일</label>
					<div class="col-md-10">
						<div class="input-group">
							<input type="text" class="form-control" id="email1" name="email1"
								placeholder="이메일주소를 입력하세요" autofocus> <span
								class="input-group-addon">@</span>
							<div class="input-group-btn">
								<select class="btn btn-default" id="email2" name="email2">
									<option>---- 선택하세요 ----</option>
									<option value="naver.com">naver.com</option>
									<option value="hanmail.net">hanmail.net</option>
									<option value="gmail.com">gmail.com</option>
									<option value="hotmail.com">hotmail.com</option>
								</select>
							</div>
						</div>
					</div>
				</div>

				<div class="form-group">
					<label for="nickname" class="col-md-2 control-label">닉네임</label>
					<div class="col-md-10">
						<input type="text" class="form-control" id="nickname"
							placeholder="닉네임을 입력하세요" name="nickname">
					</div>
				</div>

				<div class="form-group">
					<label for="user_pw" class="col-md-2 control-label">비밀번호</label>
					<div class="col-md-10">
						<input type="password" class="form-control" id="user_pw"
							placeholder="비밀번호를 입력하세요" name="user_pw">
					</div>
				</div>

				<div class="form-group">
					<label for="user_name" class="col-md-2 control-label">이름</label>
					<div class="col-md-10">
						<input type="text" class="form-control" id="user_name"
							placeholder="이름을 입력하세요" name="user_name">
					</div>
				</div>

				<div class="form-group">
					<label for="gender1" class="col-md-2 control-label">성별</label>
					<div class="col-md-10">
						<label class="radio-inline"> <input type="radio"
							name="gender" id="gender1" value="M"> 남자
						</label> <label class="radio-inline"> <input type="radio"
							name="gender" id="gender2" value="F"> 여자
						</label>
					</div>
				</div>

				<div class="form-group">
					<label for="birthday" class="col-md-2 control-label">생년월일</label>
					<div class="col-md-10">
						<input type="date" class="form-control" id="birthday"
							placeholder="생년월일을 입력하세요" name="birthday">
					</div>
				</div>

				<div class="form-group">
					<label for="hp1" class="col-md-2 control-label">연락처</label>
					<div class="col-md-10">
						<div class="form-group">
							<div class="col-md-4">
								<input type="text" class="form-control" id="hp1"
									placeholder="앞자리" name="hp1">
							</div>
							<div class="col-md-4">
								<input type="tel" class="form-control" id="hp2"
									placeholder="중간자리" name="hp2">
							</div>
							<div class="col-md-4">
								<input type="tel" class="form-control" id="hp3"
									placeholder="뒷자리" name="hp3">
							</div>
						</div>
					</div>
				</div>

				<div class="form-group">
					<div class="col-md-offset-2 col-md-10">
						<div class="row">
							<div class="col-md-6">
								<button type="submit" class="btn btn-primary btn-block">저장하기</button>
							</div>
							<div class="col-md-6">
								<button type="reset" class="btn btn-warning btn-block">다시작성</button>
							</div>
						</div>

					</div>
				</div>
			</fieldset>
		</form>
	</div>
	<% db.disconnect(); %>
	<!-- Javascript -->
	<script src="/Team-Project/assets/js/jquery.js"></script>
	<script src="/Team-Project/assets/js/bootstrap.min.js"></script>
	<!-- 형식검사 클래스 참조 -->
	<script src="/Team-Project/assets/js/string.js"></script>
	<!-- 구현부분 -->
	<script type="text/javascript">
		// jquery main()
		$(function() {
			$("#frmMemberAdd").submit(function() {
				
				// 이메일1 입력여부 검사
				if (!$("input[name='email1']").val().isValue()) {
					alert("이메일 아이디를 입력하세요.");
					$("input[name='email1']").focus();
					return false;
				}
				
				// 이메일2 선택여부 검사
				if ($("select[name='email2'] > option:selected").index() < 1) {
					alert("이메일 주소를 선택하세요.");
					$("select[name='email2']").focus();
					return false;
				}
				
				// 닉네임 입력여부 검사
				if (!$("input[name='nickname']").val().isValue()) {
					alert("닉네임을 입력하세요.");
					$("input[name='nickname']").focus();
					return false;
				}
				
				// 비밀번호 입력여부 검사
				if (!$("input[name='user_pw']").val().isValue()) {
					alert("비밀번호를 입력하세요.");
					$("input[name='user_pw']").focus();
					return false;
				}
				
				// 비밀번호 형식 검사
				if (!$("input[name='user_pw']").val().isAlphabetNum()) {
					alert("비밀번호는 영어와 숫자로만 입력 가능합니다.");
					$("input[name='user_pw']").focus();
					return false;
				}
				
				// 이름 입력여부 검사
				if (!$("input[name='user_name']").val().isValue()) {
					alert("이름을 입력하세요.");
					$("input[name='user_name']").focus();
					return false;
				}
				
				// 성별 선택여부 검사
				if (!$("input[name='gender']").is(":checked")) {
					alert("성별를 선택해 주세요");
					$("input[name='gender']").focus();
					return false;
				}
				
				// 생년월일 입력여부 검사
				if (!$("input[name='birthday']").val().isValue()) {
					alert("생년월일을 입력하세요.");
					$("input[name='birthday']").focus();
					return false;
				}
				
				// 연락처1 입력여부 검사
				if (!$("input[name='hp1']").val().isValue()) {
					alert("연락처1을 입력하세요.");
					$("input[name='hp1']").focus();
					return false;
				}
				
				// 연락처1 형식 검사
				if (!$("input[name='hp1']").val().isNum()) {
					alert("연락처1은 숫자만 입력가능합니다.");
					$("input[name='hp1']").focus();
					return false;
				}
				
				// 연락처2 입력여부 검사
				if (!$("input[name='hp2']").val().isValue()) {
					alert("연락처2를 입력하세요.");
					$("input[name='hp2']").focus();
					return false;
				}
				
				// 연락처2 형식 검사
				if (!$("input[name='hp2']").val().isNum()) {
					alert("연락처2는 숫자만 입력가능합니다.");
					$("input[name='hp2']").focus();
					return false;
				}
				
				// 연락처3 입력여부 검사
				if (!$("input[name='hp3']").val().isValue()) {
					alert("연락처3을 입력하세요.");
					$("input[name='hp3']").focus();
					return false;
				}
				
				// 연락처3 형식 검사
				if (!$("input[name='hp3']").val().isNum()) {
					alert("연락처3은 숫자만 입력가능합니다.");
					$("input[name='hp3']").focus();
					return false;
				}
			});
		});
	</script>

</body>
</html>